<template>
  CollegeManagement
  <!--    <div>-->
  <!--        <el-row>-->
  <!--            <el-col>-->
  <!--                <el-button type="primary" icon="Plus" @click="openAddDialog">添加学院</el-button>-->
  <!--            </el-col>-->
  <!--        </el-row>-->
  <!--        <el-table :data="colleges" :default-sort="{ prop: 'name', order: 'descending' }" style="width: 100%">-->
  <!--            <el-table-column prop="code" label="学院代码" sortable width="180" />-->
  <!--            <el-table-column prop="name" label="学院名称" sortable width="180" />-->
  <!--            <el-table-column prop="status" label="学院状态" sortable width="180">-->
  <!--                <template #default="scope">-->
  <!--                    <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'" disable-transitions>{{ scope.row.status-->
  <!--                        === 1-->
  <!--                        ? '正在使用' : '已作废' }}</el-tag>-->
  <!--                </template>-->
  <!--            </el-table-column>-->
  <!--            <el-table-column label="操作">-->
  <!--                <template #default="scope">-->
  <!--                    <el-button size="small" type="success" @click="openEditDrawer(scope.row)">编辑</el-button>-->
  <!--                    <el-button size="small" type="warning" @click="handleStatus(scope.row)">-->
  <!--                        {{ scope.row.status == 1 ? '作废' : '恢复' }}</el-button>-->
  <!--                    <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>-->
  <!--                </template>-->
  <!--            </el-table-column>-->
  <!--        </el-table>-->
  <!--        <el-row style="margin-top: 10px;">-->
  <!--            <el-col :span="12" :offset="3">-->
  <!--                <el-pagination v-model:current-page="currentPage" :page-size="7" background="true"-->
  <!--                    layout="total, prev, pager, next" :total="10" @current-change="handleCurrentChange" />-->
  <!--            </el-col>-->
  <!--        </el-row>-->
  <!--        &lt;!&ndash;编辑学院信息抽屉&ndash;&gt;-->
  <!--        <el-drawer v-model="drawerFormVisible" direction="rtl">-->
  <!--            <template #header>-->
  <!--                <h4>修改学院信息</h4>-->
  <!--            </template>-->
  <!--            <template #default>-->
  <!--                <el-form ref="editCollegeForm" :model="college" :rules="rules">-->
  <!--                    <el-form-item label="学院代码" prop="code">-->
  <!--                        <el-input v-model="college.code" autocomplete="off" />-->
  <!--                    </el-form-item>-->
  <!--                    <el-form-item label="学院名称" prop="name">-->
  <!--                        <el-input v-model="college.name" autocomplete="off" />-->
  <!--                    </el-form-item>-->
  <!--                </el-form>-->
  <!--            </template>-->
  <!--            <template #footer>-->
  <!--                <div style="flex: auto">-->
  <!--                    <el-button @click="drawerFormVisible = false">取消</el-button>-->
  <!--                    <el-button type="primary" @click="handleEdit">确认</el-button>-->
  <!--                </div>-->
  <!--            </template>-->
  <!--        </el-drawer>-->
  <!--        &lt;!&ndash;添加学院信息对话框&ndash;&gt;-->
  <!--        <el-dialog v-model="dialogFormVisible" title="添加学院" draggable>-->
  <!--            <el-form ref="addCollegeForm" :model="college" :rules="rules">-->
  <!--                <el-form-item label="学院代码" prop="code">-->
  <!--                    <el-input v-model="college.code" autocomplete="off" />-->
  <!--                </el-form-item>-->
  <!--                <el-form-item label="学院名称" prop="name">-->
  <!--                    <el-input v-model="college.name" autocomplete="off" />-->
  <!--                </el-form-item>-->
  <!--            </el-form>-->
  <!--            <template #footer>-->
  <!--                <span>-->
  <!--                    <el-button @click="dialogFormVisible = false">取消</el-button>-->
  <!--                    <el-button type="primary" @click="handleAdd">-->
  <!--                        提交-->
  <!--                    </el-button>-->
  <!--                </span>-->
  <!--            </template>-->
  <!--        </el-dialog>-->
  <!--    </div>-->
</template>

<script>
// import {colleges, update, add, findByCode} from '@/api/college.js'
// import {ElMessage, ElMessageBox} from 'element-plus'

export default {
  name: 'CollegeManagement',
  // data() {
  //   var validateCode = (rule, value, callback) => {
  //     findByCode(value).then(res => {
  //       if (res.data.length) {
  //         callback(new Error('该学院代码已存在，请重新输入'))
  //       } else {
  //         callback()
  //       }
  //     })
  //   }
  //   return {
  //     colleges: [],
  //     college: {},
  //     currentPage: 1,
  //     drawerFormVisible: false,
  //     dialogFormVisible: false,
  //     rules: {
  //       name: [
  //         {
  //           required: true,
  //           message: '请输入学院名称',
  //         }
  //       ],
  //       code: [
  //         {
  //           required: true,
  //           message: '请输入学院代码',
  //         }, {
  //           validator: validateCode,
  //           trigger: 'blur'
  //         },
  //       ],
  //     },
  //   }
  // },
  //
  // created() {
  //   this.fetchColleges(this.currentPage)
  // },
  //
  // methods: {
  //   fetchColleges(page) {
  //     colleges(page).then(res => {
  //       this.colleges = res.data
  //     })
  //   },
  //   handleCurrentChange(val) {
  //     this.fetchColleges(val)
  //   },
  //   openEditDrawer(row) {
  //     this.college = row
  //     this.drawerFormVisible = true
  //   },
  //   handleStatus(row) {
  //     row.status = (row.status == 1) ? 0 : 1
  //     update(row).then()
  //   },
  //   handleEdit() {
  //     this.$refs.collegeForm.validate(valid => {
  //       if (valid) {
  //         update(this.college).then(res => {
  //           this.drawerFormVisible = false
  //         })
  //       }
  //     })
  //   },
  //   openAddDialog() {
  //     this.dialogFormVisible = true
  //   },
  //   handleAdd() {
  //     this.$refs.addCollegeForm.validate(valid => {
  //       if (valid) {
  //         this.college.status = 1
  //         this.college.delete = 0
  //         add(this.college).then(res => {
  //           this.dialogFormVisible = false
  //           this.colleges.push(this.college)
  //         })
  //       }
  //     })
  //   },
  //   handleDelete(row) {
  //     ElMessageBox.confirm(
  //         row.name + '信息将要被删除， 请确认!',
  //         '警告',
  //         {
  //           confirmButtonText: '确认',
  //           cancelButtonText: '取消',
  //           type: 'warning',
  //         }
  //     )
  //         .then(() => {
  //           row.delete = 1
  //           update(row).then(() => {
  //             ElMessage({
  //               type: 'success',
  //               message: '已删除',
  //             })
  //           })
  //           this.fetchColleges(this.currentPage)
  //         })
  //         .catch(() => {
  //           ElMessage({
  //             type: 'info',
  //             message: '取消删除',
  //           })
  //         })
  //   }
  // }
}
</script>
